/* ==========================================================================
    Helper
   ========================================================================== */

/**
 * Floats
 */

// Left
.f-left{
    float: left;
}

// Rihgt
.f-right{
    float: right;
}


/**
 * Clearfix
 * @source: http://nicolasgallagher.com/micro-clearfix-hack/
 * 2. `table` 产生[匿名框(anonymous boxes)](//www.w3.org/TR/CSS2/tables.html#anonymous-boxes)，匿名框中的 `table-cell` 创建新的 BFC；`:before` 为处理 `margin-top` 重叠。
 * 3. 处理 Opera 的 bug
 */
.f-clearfix{

    &:before,
    &:after{
        display: table; // 2
        content: ' '; // 3
    }

    &:after{
        clear: both;
    }
}


/**
 * Hide
 */
html .f-hide{
    display: none;
}


/**
 * Text align
 */

// Left
.f-text-left{
    text-align: left;
}

// Right
.f-text-right{
    text-align: right;
}

// Center
.f-text-center{
    text-align: center;
}
